/*
*调用该函数返回一段html代码
*/
function teacherLeftMenu(){
    return` 
    <div class="row mt-4">
      <img style="width: 6rem; height: 6rem;" class="img-thumbnail rounded-circle mx-auto d-block"
        src="../微信图片_20230412135936.jpg" alt="头像">
    </div>
    <div class="row mt-3">
      <h3 class="text-center">阿康</h3>
    </div>
    <div class=" mt-3 d-flex justify-content-around">
      <a href=" " class="btn btn-outline-primary rounded-pill btn-sm">账号管理</a>
      <a href="#" class="btn btn-outline-light rounded-pill btn-sm">输入邀请码</a>
    </div>
    <ul class="list-group mt-3">
      <li class="list-group-item border border-0">
        <a class="link-secondary" href="#">
          <i class="bi bi-mortarboard-fill"></i>学期教学</a>
      </li>
      <li class="list-group-item border border-0">
        <a class="link-secondary" href="#">
          <i class="bi bi-mortarboard-fill"></i>
          课程</a>
      </li>
      <li class="list-group-item border border-0">
        <a class="link-secondary" href="#">
          <i class="bi bi-mortarboard-fill"></i>
          教学</a>
      </li>
      <li class="list-group-item border border-0">
        <a class="link-secondary" href="/teacher/depart.html">
          <i class="bi bi-envelope-paper-fill"></i>
          系部管理
          </a>
      </li>
      <li class="list-group-item border border-0">
        <a class="link-secondary" href="/teacher/class.html">
          <i class="bi bi-people-fill"></i>
          班级管理
        </a>
      </li>
      <li class="list-group-item border border-0">
        <a class="link-secondary" href="#">
          <i class="bi bi-chat-dots-fill"></i>
          消息
        </a>
      </li>
      <li class="list-group-item border border-0">
        <a class="link-secondary" href="#">
          <i class="bi bi-download"></i>
          下载
        </a>
      </li>
    </ul>`;
}
let leftmenu = teacherLeftMenu();
// console.log($(leftmenu));
//使用jquery的dom操作将html替换到左侧菜单栏中
$("#leftmenu").append($(leftmenu))